/****赵晓莉****/
@CHARSET "UTF-8";
.monitor-user-box{
	overflow:hidden;
}
.monitor-report-list{
	height:7em;
}
.monitor-report-card{
	box-shadow: 0 1px 3px #B7C3D2;
	background-color: #FFFFFF;
	padding:1em;
	height: 6.5em;
	width:24.4%;
	margin-bottom: 1em;
	margin-right: 0.8%;
	float: left;
}
.monitor-report-card:LAST-CHILD{
	margin-right:0;
}
.monitor-report-icon{
	font-size:3.2em;
	color: #B7C3D2;
}
.monitor-report-val{
	font-size: 2em;
	color: #94A3B5;
}
.monitor-report-label{
	font-size: 0.8em;
	color: #94A3B5;
}
.monitor-search{
	width: 20em;
	float:right;
	position: relative;
	margin-left: 1em;
}
.monitor-heading{
	min-height: 3em;
	background-color: #f5f5f5;
	box-shadow: 0 1px 3px #B7C3D2;
	padding: 0.3em;
	padding-top: 0;
}
.monitor-title{
	padding: 8px;
}
.panel-title{
	color: #777;
}
.monitor-footing{
	min-height: 3em;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	box-shadow: 0 1px 3px #B7C3D2;
	margin-top: 0.3em;
	padding: 0.2em;
}
.monitor-report-footing{
	padding: 0.7em;
	color: #94A3B5;
	font-size: 0.9em;
}
.monitor-user-card{
	position:relative;
    background-color: #FFF;
	overflow: hidden;
    width: 19.6%;
    height: 10.8em;
    box-shadow: 0 1px 3px #E7E7E7;
    margin-top: 5px;
    margin-right: 0.5%;
    float: left;
    padding: 1.5em 1.2em;
	color: #a3a3a3;
    cursor: pointer;
}
.monitor-user-card:NTH-CHILD(5n+0){
	margin-right:0;
}
.monitor-user-card:HOVER{
    box-shadow: 0 1px 10px #C1CFE0;
}
.bg-heart{
	position:absolute;
	top: -13px;
	right: -15px;
	z-index:0;
	width: 90px;
	height: 6em;
	overflow: hidden;
 }
.bg-heart i{
	font-size:7.2em;
	color:#f6f6f6;
}
.user-name{
	color:#7e8287;
}
.monitor-user-card .card-heading{
	position:relative;
	z-index:100;
	overflow: hidden;
	padding:0 1.69em;
	font-size: 1.2em;
	height: 3em;
	border-bottom: 1px dotted #d7d7d7;
}
.monitor-user-card .card-bodys{
	overflow: hidden;
	padding:0 2em;
}
.monitor-user-card .card-heading>div {
	float: left;
	height:2.6em;
}
.monitor-user-card .card-heading>div:first-child{
	 width:2.6em;
 }
.monitor-user-card .card-heading>div:first-child img{
	width:100%;
	height:100%;
}
.monitor-user-card .card-heading>div:last-child{
	padding-left:0.5em;
}
.monitor-user-card .monitor-time{
	margin-left:0.8em;
	font-size: 12px;
}
.monitor-user-card .card-body:first-child{
	float: left;
	width: 55%;
	height:60px;
	overflow: hidden;
	margin-top: 0.1em;
}
.monitor-user-card .card-body:last-child{
	 float:right;
 }
.monitor-user-card .monitor-number{
	font-size: 2.2em;
}
.monitor-user-card .monitor-duration{
	font-size: 12px;
}
.monitor-user-card .warn{
	color: #fc5009;
}
.monitor-user-card .monitor-unit{
	font-size: 0.6em;
	color:#c7c7c7;
}
#btn-toolbar button.current {
	color: #fff;
	background-color: #428bca! important;
}
@media screen and (max-width:1655px) and (min-width:1571px) {
	.monitor-user-card .card-heading{
		padding:0 1.2em;
	}
	.monitor-user-card .card-bodys{
		padding:0 1.51em;
	}
}
@media screen and (max-width: 1570px) and (min-width:1481px) {
	.monitor-user-card{
		padding:1.5em 1em;
	}
	.monitor-user-card .card-heading>div:last-child {
		padding-left: 0.5em;
	}
	.monitor-user-card .card-heading{
		padding:0 0.8em;
	}
	.monitor-user-card .card-bodys{
		padding:0 1.11em;
	}
}
@media screen and (max-width: 1480px) and (min-width:1251px) {
	.monitor-user-card{
		padding:1.5em 0.5em;
	}
	.monitor-user-card .card-heading>div:last-child {
		padding-left: 0.2em;
	}
	.monitor-user-card .card-heading{
		padding:0 0.1em;
	}
	.monitor-user-card .card-bodys{
		padding:0 0.41em;
	}
}
@media screen and (max-width: 1250px) and (min-width:1171px) {
	.monitor-user-card{
		padding:1.5em 0.5em;
	}
	.monitor-user-card .card-heading>div:last-child {
		padding-left: 0.1em;
	}
	.monitor-user-card .card-heading{
		padding:0;
	}
	.monitor-user-card .card-bodys{
		padding:0 0.31em;
	}
	.monitor-time{
		display:inline-block;
	}
}
@media screen and (max-width: 1170px) {
	.monitor-user-card{
		padding:1.5em 0.5em;
	}
	.monitor-user-card .card-heading{
		padding:0em;
	}
	.monitor-user-card .card-bodys{
		padding:0 0.31em;
	}
	.monitor-time{
		display:none;
	}
	.monitor-user-card .card-body:first-child{
		width: 50%;
	}
}
@media screen and (max-width: 1000px) {
	.monitor-user-card{
		padding:1.5em 0.5em;
	}
	.monitor-user-card .card-heading{
		padding:0em;
	}
	.monitor-user-card .card-bodys{
		padding:0 0.31em;
	}
	.monitor-user-card .card-body:first-child{
		width: 30%;
	}
}